<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>调试UI组件</title>
    <link rel="stylesheet" href="test.css"/>
    <link rel="stylesheet" href="md_test.css"/>
    <link rel="stylesheet" href="sm_test.css"/>
</head>
<body style="background-color: #f6f6f6">
    <div class="nav">
        <a class="logo_Astray">Astray</a>
        <ul class="nav_ul">
            <li class="nav_li">首页</li>
            <li class="nav_li">文章</li>
            <li class="nav_li">问答</li>
            <li class="nav_li">测试</li>
            <li class="nav_li">FM</li>
            <li class="nav_menu">
                <ul class="dropDown2">
                    <li class="item">下拉菜单<span class="triangle"></span></li>
                    <li class="item">选项1</li>
                    <li class="item">选项2</li>
                </ul>
            </li>
        </ul>
        <ul class="nav_ul_info">
            <li><img src="../img/headPhoto.png" width="2rem"></li>
            <li>消息</li>
            <li>通知</li>
        </ul>
    </div>

    <button class="btn_default_blue">astray</button>
    <button class="btn_default_blue2">astray</button>
    <button class="btn_submit">astray</button>
    <button class="btn_submit2">astray</button>

    <button class="btn_stop">astray</button>
    <button class="btn_stop2">astray</button>
    <button class="btn_error">astray</button>
    <button class="btn_error2">astray</button>

    <button class="btn_purple">astray</button>
    <button class="btn_purple2">astray</button>

    <br/>

    <div class="testBorder"></div>

    <br/>

    <div>
        <ul class="dropDown">
            <li class="item">下拉菜单<span class="triangle"></span></li>
            <li class="item">选项1</li>
            <li class="item">选项2</li>
        </ul>
    </div>

    <br/>
    <br/>

    <div class="testcard">
        <div></div>
    </div>

    <br><br><br>

    <ul class="testPage">
        <li>上一页</li>
        <li>2</li>
        <li class="action">3</li>
        <li>4</li>
        <li>...</li>
        <li>10</li>
        <li>下一页</li>
    </ul>

<span class="testBor">阿斯蒂芬</span>


</body>
</html>